@charset "utf-8";
html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

body {
    padding: 0px;
    margin: 0px auto;
    font-size: 1.6em;
    font-family: Microsoft YaHei, arial, '宋体';
    color: #585858;
    min-width: 320px;
    max-width: 100%;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: none; /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0); /*取出点击出现半透明的灰色背景*/
    -webkit-user-select: none; /*控制内容的可选择性*/
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased; /*设置字体的抗锯齿或者说光滑度*/
}

ul, li, form, dl, dt, dd, div {
    padding: 0px;
    margin: 0px;
}

.ul, .ul li {
    list-style: none;
    margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, .p {
    padding: 0px;
    margin: 0px;
}

select, input, em, textarea {
    font-size: 1em;
    font-style: normal;
    color: #585858;
    font-family: Microsoft YaHei;
    border-radius: 0;
    -webkit-border-radius: 0;
}

img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: top;
}

a {
    color: #585858;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}

.clear_float::after,.clear_float::before{
    content: "";
    display: block;
    clear: both;
}
.scale img{transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.scale:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.scale .img{transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.scale:hover .img{transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);}

/*top.html*/
/*top.html*/

.wrap{position: relative;max-width: 1400px;margin: auto;font-size: 16px;font-family: Microsoft YaHei, arial, '宋体';color: #222;}
.top{

}
.top .logo{position: absolute;left: 0; top:50%;transform: translateY(-50%);display: block;height: 80%;}
.top .logo img{
    height: 100%;
}
.top .wrap{max-width: 1720px}
.top .nav{float: right;background-color: #ffffff;z-index: 10;}
.top .nav::after{content: "";display: block;clear: both;}
.top .nav >li{float: left;padding: 0 15px;position: relative;background-color: #fff;}
.top .more {width: 30px; float: right; padding:0;display: none;cursor: pointer;margin: 20px 10px 20px 0;}
.top .nav  >li>a{display: inline-block;padding: 30px 0;position: relative;font-size: 16px;}
.top .nav a:hover,.top .nav >li.active>a{color: #95c47d;}
.top .nav >li:hover::after,.top .nav >li.active::after{content: "";display: block;position:absolute;height: 2px;bottom: 0;left: 0;right: 0;margin: auto;background-color: #4eb00b;}

.top .nav .nav_down{position: absolute;top: 100%;left: 50%; transform: translate(-50%,0); font-size: 14px;z-index: 10;display: none;min-width: 100%; text-align: center;}
.top .nav >li:hover .nav_down{display: block;}
.top .nav_down li{display: block;background-color: #fff;}
.top .nav_down a{padding:5px 15px ;white-space: nowrap; display: block}

.top .top-text{position: absolute;top: 50%;left: 14.5%;transform: translateY(-50%);font-size:30px;color:#00523a;}

@media (max-width: 1720px) {
    .top .logo{left: 15px;}
}

@media (max-width: 1024px) {
    .top .more{display: block}
    .top .nav{display: none}
    .top .nav{position: absolute;top: 100%; right: 15px;box-shadow: 0 5px 5px 1px #eee;}
    .top .nav >li{float: none;}
    .top .nav >li>a{padding: 5px 0;}
    .top .nav >li:hover .nav_down{display: none;}
}

.top .header-right {float: right;}
.top .header-right dd{float:left;padding:25px 10px;}
.top .top-search{position:relative;z-index:100}
.top .open-search{background:url(../images/top_search.png) no-repeat center center;width:30px;height:30px;display:block}
.top .open-search-show{position:relative;background:none}
.top .open-search-show::before,.top .open-search-show::after{position:absolute;content:'';width:80%;height:3px;background:#95c47d;top:50%;left:10%;transform:rotate(-45deg)}
.top .open-search-show::after{transform:rotate(45deg)}
.top .top-language a{position:relative;display:inline-block;margin-left:10px;padding-right:15px;line-height:30px;height:30px;font-size:18px;color:#95c47d}
.top .top-language a::after{content:"";position:absolute;top:50%;right:0;margin-top:-2px;width:10px;height:5px;display:block;background:url(../images/ico_01.png) no-repeat center center}
.top .search-box{position:absolute;top:100%;right:0;z-index:100;display:none}
.top .search-box .text{width:254px;line-height:46px;height:46px;border:1px solid #fff;background:rgba(0,0,0,0.2);color:#fff;padding:0 50px 0 10px}
.top .search-box .btn{position:absolute;right:0;top:0;line-height:46px;width:46px;text-align:center;color:#fff;font-weight:bold;font-size:16px;font-family:Verdana,Arial,Helvetica,sans-serif}
.top .search-box .btn::before{position:absolute;content:'';border:8px solid transparent;border-bottom-color:#b4b4b4;top:-15px;right:4px}
@media(max-width:640px){
    .top .header-right dd{padding: 20px 10px;}
}

/*bottom*/
/*bottom*/

.bottom{background-color: #57a42e; overflow: hidden; }
.bottom .wrap{color: #fff;padding: 45px 240px 40px 0;}
.bottom a{color: #fff;}
.bottom a:hover{opacity: 0.8;}
.bottom .attention{position: absolute;top: 50%;transform: translateY(-50%);right: 0;text-align: center;font-size: 14px;}
.bottom .attention.second{right: 120px;}
.bottom .nav li{display: inline-block;padding: 0 30px;position: relative;font-size: 17px;}
.bottom .nav li:after{content: ""; display: block; width:1px;height: 80%; background-color: #95c47d;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.bottom .nav li:first-child{padding-left: 0;}
.bottom .nav li:last-child{padding-right: 0;}
.bottom .nav li:last-child:after{display: none;}

.bottom .link{margin-top: 30px;}
.bottom .link li{display: inline-block;padding: 0 15px;font-size: 14px;}
.bottom .link li:first-child{padding-left: 0;}

.bottom .cr{margin-top: 10px;}

@media (max-width: 1400px) {
    .bottom .wrap{padding: 45px 240px 40px 15px;}
    .bottom .attention{right: 15px;}
}
@media (max-width: 1300px) {
    .top .top-text{display:none;}
}
@media (max-width: 1024px) {
    .bottom .nav{display: none;}
    .bottom .link{margin-top: 0px;}
    .bottom .link li{padding-left: 0}
}


@media (max-width: 640px) {
    .bottom .wrap{padding: 140px 15px 20px 15px;}
    .bottom .attention{top: 10px; right: 50%; transform: translateY(0) translateX(110%);}
    .bottom .attention.second{right: 50%;transform: translateY(0) translateX(-10%);}
    
}



@media(max-width:1000px) and (min-width:769px){

}